<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>first_meeting</title>
	<script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
	<div id="root">
		<h1 v-cloak>Hello,{{name}}</h1>
		<h1>用户头像:{{info.avatar}}</h1>
		<h1>用户名字:{{info.name}}</h1>
		<hr>
		<!-- Upper -->
		<h1>{{info.name,info.avatar}}</h1>
		<h1>{{info.name && info.avatar}}</h1>
		<h1>{{info.tel ? 1 :2}}</h1>
	</div>

	<script type="text/javascript">
		const v = new Vue({
			el:'#root',
			data:{
				name:'world',
				info:{
					avatar:"1111",
					name:"dagoose",
				},
			},

		})

	</script>
</body>
</html>